<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>ES-Modules导入用法</h1>
      <p>import的用法</p>
      <p>1.1后面的路径必须是完整的路径名称(例如.js)</p>
      <p>1.2文件路径的./不能省略,否则ES Module会认为这是在加载第三方模块</p>
      <p>1.3文件路径可以是网络地址,可以引用cdn上的模块文件</p>
      <p>
        2.如果不提取成员,只加载模块的话可以(import {这里不写成员} from '路径')
        或者 import '路径' 省略{}
      </p>
      <p>
        3.如果导入的成员特别多可以使用 * (import * as mod from
        '路径')这表示将所有提取出来的成员放到了对象当中
      </p>
      <p>
        4.动态加载模块import函数---import('路径'),这个函数返回的是一个promise对象
      </p>
      <p>5.同时导出默认成员和命名成员,可以使用下面的方式</p>
    </div>
    <script>
      var name = "xjq";
      var age = 22;
      export { name, age };
      export default "default";

      //xjq为上面导出的默认成员,名字可以随意取
      import xjq, { name, age } from "路径";
    </script>
  </body>
</html>
